<template>
	<view class="cu-modal" @tap="hide" :class="modalName === 'Modal' ? 'show' :  ''">
		<view class="cu-dialog" @tap.stop="">
			<slot></slot>
		</view>
	</view>
</template>

<script setup lang="ts">
import { ref, Ref } from "vue"
const modalName: Ref<string> = ref("")
const hide = (): void => {
	modalName.value = "hide"
}

const show = (): void => {
	modalName.value = "Modal"
}
defineExpose({
	show, hide
})

</script>

<style lang="stylus" scoped>

</style>